{% extends "personal_center/user-base.html" %}
{% block page_link %}
    <script src="../../static/stand_inside_letter/js/compose.js"></script>
    <script src="../../static/public_file/js/wangEditor.min.js" type="text/javascript" charset="UTF-8"></script>
{% endblock %}


{% block page_search %}

{% endblock %}


{% block page_body %}
    <div class="container-fluid" style="height: 95%;">
        <div class="iq-card" style="height: 100%;">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">撰写信息</h4>
                </div>

                <button type="submit" class="btn btn-primary">发送</button>
            </div>
            <div class="iq-card-body" style="height: 83%;overflow: auto">
                <form class="email-form" style="height: 100%;">
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 col-form-label">收信人:</label>
                        <div class="col-sm-10">
                            <select id="inputEmail3" class="select2jsMultiSelect form-control"
                                    multiple="multiple">
                                <option value="Petey Cruiser">李某某</option>
                                <option value="Bob Frapples">王某某</option>
                                <option value="Barb Ackue">赵某某</option>
                                <option value="Greta Life">钱某某</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="cc" class="col-sm-2 col-form-label">抄送:</label>
                        <div class="col-sm-10">
                            <select id="cc" class="select2jsMultiSelect form-control"
                                    multiple="multiple">
                                <option value="Brock Lee">李某某</option>
                                <option value="Rick O'Shea">王某某</option>
                                <option value="Cliff Hanger">赵某某</option>
                                <option value="Barb Dwyer">钱某某</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="subject" class="col-sm-2 col-form-label">主题:</label>
                        <div class="col-sm-10">
                            <input type="text" id="subject" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row" style="height: 50%;">
                        <label for="subject" class="col-sm-2 col-form-label">正文:</label>
                        <div class="col-md-10" style="height: 90%;">
{#                            <iframe frameborder="no" id="ifm" src="/personal-center/blank-page.html" style="height: 100%;width: 100%;border: #E8E8E8 solid 0.5px;"></iframe>#}
                            <div id="summernote"></div>
                        </div>
                    </div>
                </form>
            </div>
            <div style="border: #E8E8E8 solid 0.2px;"></div>

        </div>


    </div>
{% endblock %}



{% block script %}
    const E = window.wangEditor;
    const editor = new E("#summernote");
    // 或者 const editor = new E(document.getElementById('div1'))
    editor.config.uploadImgShowBase64 = 'true';
    editor.placeholder = "qin";
    editor.create();
{% endblock %}
